import {
  defineConfig,
  presetAttributify,
  presetTypography,
  presetUno,
  presetWebFonts,
  transformerDirectives,
  transformerVariantGroup,
} from 'unocss'

export default defineConfig({
  presets: [
    presetAttributify({ /* preset options */}),
    presetUno(),
    // ...custom presets
    presetTypography(),
    presetWebFonts({
      fonts: {
        sans: 'DM Sans',
        serif: 'DM Serif Display',
        mono: 'DM Mono',
      },
    }),
  ],
  transformers: [
    transformerDirectives(),
    transformerVariantGroup(),
  ],
  rules: [
    // your custom rules
  ],
})



// export default defineConfig({
//   shortcuts: [
//     // ['btn', 'px-4 py-1 rounded inline-block bg-teal-700 text-white cursor-pointer !outline-none hover:bg-teal-800 disabled:cursor-default disabled:bg-gray-600 disabled:opacity-50'],
//     // ['icon-btn', 'inline-block cursor-pointer select-none opacity-75 transition duration-200 ease-in-out hover:opacity-100 hover:text-teal-600'],
//     ['paper', 'bg-white mb2 p2 b-rd-1 of-hidden'],
//     ['flex-cc', 'flex items-center justify-center'],
//   ],
//   presets: [
//     presetUno(),
//     presetAttributify(),
//     // presetIcons({
//     //   scale: 1.2,
//     //   warn: true,
//     // }),
//     presetTypography(),
//     presetWebFonts({
//       fonts: {
//         sans: 'DM Sans',
//         serif: 'DM Serif Display',
//         mono: 'DM Mono',
//       },
//     }),
//   ],
//   transformers: [
//     transformerDirectives(),
//     transformerVariantGroup(),
//   ],
//   safelist: 'prose m-auto text-left'.split(' '),
// })
